<template>
  <main class="container">
    <div class="rw">
      <span>上次游戏：{{lGameName}}</span>
      <button class="more button-clear"></button>
    </div>
    <div class="cl">
      <h2>捉鬼游戏</h2>
      <hr>
      <div class="column" @click="goSimpleGame">{{gameNameOne}}</div>
      <p>有{{value1}}位玩家在玩此游戏</p>
      <div class="column">{{gameNameTwo}}</div>
      <p>有{{value2}}位玩家在玩此游戏</p>
      <div class="column">{{gameNameThree}}</div>
      <p>有{{value3}}位玩家在玩此游戏</p>
    </div>
  </main>
</template>

<script>
export default {
  name: 'home',
  data(){
    return {
      lGameName: '捉鬼猜词牌',
      value1: 200,
      value2: 800,
      value3: 360,
      gameNameOne: '简化版',
      gameNameTwo: '猜词版',
      gameNameThree: '白痴版'
    }
  },
  methods: {
    goSimpleGame(){
      this.$router.push('/setting')
    }
  }
}
</script>
